<template>
	<div>
		<el-card class="box-card">
			<label>选择日期：</label>
			<el-date-picker v-model="date" type="date" class="w200" placeholder="选择日期"></el-date-picker>
			<label>商家名称：</label>
			<el-input v-model="keyword" placeholder="可输入姓名，边民证、身份证" class="w300"></el-input>
			<el-button type="primary" @click="get_dataList(1)">搜索</el-button>
		</el-card>
		<el-card class="box-card mt_20">
			<el-table :data="dataList.list" stripe style="width: 100%">
				<template scope="scope">
			    <el-table-column label="交易单号" width="260">
			    	<template scope="e">
			    		<span @click="order_detail = true">{{e.row.order_no}}</span>
			    	</template>
			    </el-table-column>
			    <el-table-column prop="buyer_info.trader_name" label="买家" width="250"></el-table-column>
			    <el-table-column prop="seller_info.trader_name" label="卖家" width="250"></el-table-column>
			    <el-table-column prop="order_status" label="交易类型" width="250"></el-table-column>
			    <el-table-column prop="order_sum" label="交易金额" width="250"></el-table-column>
			    <el-table-column prop="order_time" label="交易时间" width="350"></el-table-column>
			    </template>
			</el-table>
			<!-- 分页组件 dataList传数据，toClick传点击事件方法 -->
			
		</el-card>
		<el-dialog title="备案详情信息" width="60%" :visible.sync="order_detail">
			<p>基本信息</p>
			<el-form :model="form">
			</el-form>
			<hr>
			<p>营业信息</p>
			<div style="height: 111px; color: red;">
				营业信息营业信息营业信息营业信息
			</div>
			<div slot="footer" class="dialog-footer">
			  	<el-button @click="order_detail = false">取 消</el-button>
			    <el-button type="primary" @click="order_detail = false">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>
<script>
import axios from 'axios'
export default {
	data(){
		return {
			keyword: '',
			date: '',
			dataList: this.$store.state.dataList,
			//用户详情
	        order_detail: false,
	        formLabelWidth: '120px'
		}
	},
	methods: {
		//获取数据列表
		get_dataList(pageNo, pageSize){
			let params = {
					
				}
			
			axios.post($base + 'web/customs/query', params).then(json => {
				console.log(json)
				this.dataList = json.data.data;
			}).catch(err => {
				console.log(err);
			})
		},
		open(){
			console.log(3333)
		}
	},
	mounted(){
		this.get_dataList();
	}
}
</script>